<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="keywords" content="首页关键字" />
  <meta name="description" content="首页描述" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Cache-Control" content="no-cache" />
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" />
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  
  <link rel="stylesheet" href="../resources/css/weui/weui.min.css">
  <link rel="stylesheet" href="../resources/css/main.min.css">
  <link rel="stylesheet" href="../resources/css/man.min.css">
  
  <script src="../resources/js/jquery-1.10.min.js"></script>
  <script src="../resources/js/jquery.touchSwipe.min.js"></script>
  <script src="../resources/js/frmwebm.min.js"></script>
  <script src="../resources/js/mobiscroll.min.js"></script>
  <title>勿扰模式</title>
  
  <style>
  .weui_cell:nth-child(2):before {
    border-top: 1px solid #a6ec85;
  }
  </style>
</head>
<body style="background: #ebebeb none repeat scroll 0 0;">

<div class="weui_cells">
    <div class="weui_cell weui_cell_switch" style="margin-top: 5px;margin-bottom: 5px;">
        <div class="weui_cell_hd weui_cell_primary" style="margin-top: 5px;">勿扰模式
			<div style="font-size:14px;color:#999999;margin-top: 5px;">开启后，在设定时间内不会收到消息提醒</div>
		</div>
		<div class="weui_cell_ft">
			<input type="checkbox" checked="checked" class="weui_switch" style="top: -8px;">
		</div>
    </div>
	<div class="weui_cell">
        <div class="weui_cell_hd weui_cell_primary weui_cell_text">开始时间:</div>
        <div id="stime" onclick="clickStart()" class="weui_cell_ft" style="font-size:14px;">晚上 23：00</div>
		<input id="starttime" name="starttime" class="weui_input" style="display:none" type="text" value="23:00">
    </div>
	<div class="weui_cell">
        <div class="weui_cell_hd weui_cell_primary weui_cell_text">结束时间:</div>
        <div id="etime" onclick="clickEnd()" class="weui_cell_ft" style="font-size:14px;">早上 07：00</div>
		<input id="endtime" name="endtime" class="date weui_input" style="display:none" type="text" value="07:00">
    </div>
</div>

<script type="text/javascript">
function gotoEdit()
{
	window.location.href="openEditPage.act";
}
dateOpt1 = {
                lang: 'zh',
                display: 'bottom',
                minWidth: 64,
                pmText: '下午',
				amText: '上午',
                onSelect: function(data){
					var head = "";
					var time = data;
					var list = data.split(":"); 
					if(list.length!=2)
						return;
					var h = list[0];
					var	m = list[1];
					if(h<12)
						head = "上午";
					else
						head = "下午";
					$("#stime")[0].innerHTML  = head+" "+h+"："+m;
                }
            };
dateOpt2 = {
                lang: 'zh',
                display: 'bottom',
                minWidth: 64,
                pmText: '下午',
				amText: '上午',
                onSelect: function(data){
					var head = "";
					var time = data;
					var list = data.split(":"); 
					if(list.length!=2)
						return;
					var h = list[0];
					var	m = list[1];
					if(h<12)
						head = "上午";
					else
						head = "下午";
					$("#etime")[0].innerHTML  = head+" "+h+"："+m;
                }
            };
$('#starttime').mobiscroll()['time'](dateOpt1);
$('#endtime').mobiscroll()['time'](dateOpt2);
function clickStart()
{
	var obj = $("#starttime");
	obj.click();
}function clickEnd()
{
	var obj = $("#endtime");
	obj.click();
}
</script>
</body>
</html>
